@import "public";
//  侧边栏
.maxicon{
    width: 14px; height: 100%; position: fixed; background: #000; top: 0; right:0px; font: normal 14px/18px;  padding: 0 13px;text-align: center; z-index: 999;
    .maxTitem{
        position: absolute; top: 136px;
        .icon{
            width: 40px; display: block; margin-left: -13px;
            .iconfont{
                color: #c4c4c4; display: block; font-size: 20px; height: 30px; margin-top: 20px; display: block; width: 9px; margin-left: 10px; padding-top: 5px;
            }
        }
        .icon2{
            height: 125px; display: block; width: 40px;
            .icongouwu{
                width: 14px; display: block; margin-left: 12px; margin-top: 10px; color: #F3F4F6;
            }
            span{
                display: block; width: 20px; height: 20px; border-radius: 50%; background: #f00; margin-left: -2px;
            }
        }
        .icon6{
            width: 40px; display: block; margin-left: -12px; height: 32px; padding-top: 8px;
        }
        .iconname{
            width: 80px; height:30px; line-height:30px; display: block; position: absolute; right: 52px; background: #111;  opacity:0; color: #fff; font-size: 12px; z-index: 999;
        }
        .iconna{
            margin-top: -20px;
        }   
    }
}
/*-------header-----------*/
header{width:100%; height: 31px;}
header>div{width: 1280px; height: 31px; margin: 0 auto; background: #f3f4f6; line-height: 30px; font-size: 12px; color: #b5aca3;}
header span{float: left; margin-left: 45px;}
header span i {margin: 0 19px 0 8px; color: #373c42;}
header span a{color: #b74e52;}
header ._ul2{float: left;}
header ._ul2 li{float: left;}
header ._ul2 li:nth-of-type(1) a{background: url(../img/imh1.gif) no-repeat right; padding: 0 12px; margin-left: 32px;}
header ._ul2 li:nth-of-type(2) a{padding: 0 12px;}
header ul:nth-of-type(2){float: right; color: #b6ada6;margin-right: 21px;}
header ul:nth-of-type(2) li{float: left; padding: 0 14px; margin-top: 5px; line-height: 26px;}
header ul:nth-of-type(2) li:nth-of-type(2) em{color: #000;}
header ul:nth-of-type(2) li a b{width: 0; border-top: 4px solid #cfcfcf; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; top: 17px; transition: all 1s;}
header .li2 .img{display: none;}
header .li2 .img1{position: absolute; width: 100px; right: 340px; top: 31px; display: block;}
header .li3 .img2{width: 100px;}
header .li3 .uu{display: none;}
header .li3 .uu1{display: block; background: #fff; z-index: 10; width: 100px; height: 150px; position: absolute; right: 276px; top: 31px; text-align: center;} 
header .li3 .uu1 p:nth-child(3){color: #F00F34; margin-top: -5px;}
header .li4 .uu_{display: none;}
header .li4 .uu2{position: absolute; right: 256px; top: 31px; background: #fff; width: 69px; text-align: center; display: block;}
header .li5 .box_{display: none;}
header .li5 .box{width: 190px; position: absolute; top: 31px; background: #fff; right: 59px; clear: both; display: block; z-index: 9;}
header .li5 .box .div1{margin-left: 10px;}
header .li5 .box .uuu{margin-left: 10px;}
header .li5 h1{font-size: 14px; width: 100%; clear: both;}
header .li5 ul li{width: 30%; font-size: 10px !important; text-align: left; float: left;}
header .lie1{display: none;}
header .lie2{background: #fff; width: 100px; display: block; z-index: 11; position: absolute; text-align: center; right: 511px;}
.li1:hover {display: block; background: #fff;box-shadow: 1px 1px 2px #000;}
.li2:hover {display: block; background: #fff;box-shadow: 1px 1px 2px #000;}
.li3:hover {display: block; background: #fff;box-shadow: 1px 1px 2px #000;}
.li4:hover {display: block; background: #fff;box-shadow: 1px 1px 2px #000;}
.li5:hover {display: block; background: #fff;box-shadow: 1px 1px 2px #000;}
.li6:hover {display: block; background: #fff;box-shadow: 1px 1px 2px #000;}
.li1>a:hover .rete1{transition: all 1s; transform: rotateZ(180deg);}
.li4>a:hover .rete2{transition: all 1s; transform: rotateZ(180deg);}
.li5>a:hover .rete3{transition: all 1s; transform: rotateZ(180deg);}


//  nav
nav{width: 1280px;margin: 0 auto;}
nav img{width: 1280px;}
//slider
aside{
    width: 1280px; height: 140px; margin: 0 auto; background: #fff;
    img{
        float: left;
        margin-left: 50px;
        margin-top: 40px;
    }
    img:nth-of-type(3){
            float: left;
            margin-left: 1000px;
            margin-top: -60px;
        }
    .hunt{
        width: 586px; height: 34px; float: left; position: absolute; left: 430px; top: 134px;
        i{
            width: 400px; height: 34px; display: inline-block; border: 2px solid #dd0208;background: #fff; float: left;
            span{
                width: 68px;display: inline-block; text-align: center; line-height: 34px; position: relative;
                :after{content: ""; width: 0; border-top: 4px solid #ccc; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; top: 14px; left: 55px;}
            }
            input{
                 width: 322px; border: 0; line-height: 34px;
            }
        }
        .suo{
            font-size: 13px !important; text-align: center; width: 58px; height: 38px; line-height: 38px; background: #de0108; display: inline-block; color: #fff; float: left;
        }
        ul{  
            float: left;clear: both;
            li{ 
                float: left;
                padding: 8px 14px 0 0;
                color: #8a8e91;
                    :hover{
                        color: red;
                    }
            } 
        }   
    }   
}
//  slider list
.list_div{
    width: 1280px; height: 36px; margin: 0 auto; background: #fff;
    ul li{
        float: left; padding: 0 40px; line-height: 36px;
        a{
            color: #000;
        }
        :hover{
                color: red;
            }
    }
    
    .li1_{
        width: 140px; margin-left: 40px; background: #f00; font-size: 16px;
        a{
            color: #fff;
        }
        :hover{
            color: #fff;
        }
        .iconfont{
            font-size: 20px !important; margin-left: -10px; margin-right: 5px;
        }
    }
}

//   ul  liebiao
.ul_1{
            width: 200px; height:492px; margin-left: 40px; z-index: 10; position: absolute; display: none;
            .li_jiu{
                color: #e9f0f6;  border-bottom: 1px solid #303a43; padding-bottom: 10px; height: 71px; background: #3e4851; padding-left: 20px; width: 200px;
                h3{
                    padding: 24px 0 16px 0; font-size: 12px; font-weight: 600;
                }
                a{
                    color: #e9f0f6; padding-right: 10px;
                }
                .a_write{
                    background: #e9f0f6; color: #000000; padding-left: 4px;
                }
                span{
                    font-size: 14px;
                }
                //  左边表格
                .left_biao1{
                    position: absolute;left: 220px; top: 0px; height: 490px; width: 750px; background: #ccc; display: none;
                    .ban_left1{
                        width: 510px; height: 100%; background: #fff; padding: 0 40px 0 25px; float: left;
                        ol{
                            h4{
                                padding: 15px 0; font-size: 14px; border-bottom: 1px solid #292929; color: #000;
                            }
                            li{
                                padding: 15px 0;
                                a{
                                    width: 70px; display: inline-block; height: 30px; line-height: 30px; color: #000;
                                }
                            }    
                        }
                    }
                    .ban_right1{
                        float: right;
                        p{
                            height: 40px; line-height: 40px; width: 175px; text-align: center; color: #000; font-size: 14px;
                        }
                        img{
                            width: 175px;
                        }
                    }
                }
            }    
        }
//  banner
.banner{
    width: 1280px; height: 160px; margin: 0 auto;
    img{
        width: 100%; height: 100%;
    }
}
// main
.main_{
    width: 1190px; margin: 0 auto;
    .main_tit{
        width: 100%; height: 47px; line-height: 46px; border-bottom: 1px solid #dcdcdc;
        div{
            float: left; padding-right: 26px; font-weight: 600; color: #000;
            a:hover{
                color: red;
            }
        }
        ul{
            float: left;
            li{
                float: left; padding-right: 26px;
                span{
                   font-size: 14px; display: inline-block; font-weight: 900;
                }
                a:hover{
                    color: red;
                }
            }
        }
        span{
            float: right;
            i{
                color: #f21439; font-weight: 600;
            }
        }
    }
    .main_center{
        width: 100%; margin-top: 2px; padding-top: 16px; background: #fff; overflow: hidden;
        .center_left{
            float: left;
            .left_top{
                width: 190px; height: 73px;
                h2{
                    font-size: 13px; font-weight: 600; padding-bottom: 10px;
                }
                .jiu_{
                    position: relative;
                    .jiu_1{
                        width: 100%; height: 34px;
                        h3{
                            font-size: 13px; font-weight: 600;
                            .jiao_1{
                                content: ""; border-left: 4px solid #000; border-bottom: 4px solid transparent; border-top: 4px solid transparent; width: 0; display: inline-block; margin-right: 12px;
                            }
                        }
                        ul{
                            display: none;
                        }
                    }  
                    .jiu_2{
                        width: 100%; height: 92px;
                        h3{
                            font-size: 13px; font-weight: 600; padding-left: 16px;
                            .jiao_1{
                                content: ""; border-top: 4px solid #000; border-left: 4px solid transparent; border-right: 4px solid transparent; width: 0; display: inline-block; position: absolute; top: 7px; left: 0;
                            }
                        }
                        ul{
                            padding-left: 16px;
                            li{
                                margin-top: -2px; font-size: 12px;
                            }
                        }
                    }  
                }
            }
            .left_main{
                width: 180px;
                .left_main_tit{
                     height: 272px; width: 100%;  border: 1px solid #e4e4e4;
                    h4{
                       width: 180px; height: 32px; font-size: 12px;  text-align: center; line-height: 32px; border-bottom: 1px solid #e4e4e4;
                    }
                    .re_mai{
                        dl{
                            padding: 11px; width: 157px; height: 60px;
                            dt{
                                float: left;
                                img{
                                    width: 69px; height: 60px;
                                }
                            }
                            dd{
                                float: left;
                                .p1{
                                    font-size: 12px; width: 84px; height: 32px;    word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
                                }
                                .p2{
                                    font-size: 12px; margin-top:12px ; color: red;
                                }
                            }
                        }
                    }
                }
                .left_main_main{
                    width: 180px; height: 1212px; border: 1px solid #e4e4e4; margin-top: 20px;
                    h4{
                       width: 180px;height: 65px; font-size: 14px;  text-align: center; line-height: 32px; border-bottom: 1px solid #e4e4e4; 
                    }
                    dl{
                        dt{
                            float: left;  width: 100%; height: 100%;padding: 10px 30px;
                                img{
                                    width: 121px; height: 133px;
                                }
                        }
                        dd{
                          i{
                              text-align: center; display: inline-block;
                          }
                          
                        }
                    }
                }
            }
        }
        .center_rig{
            float: right; background: #fff; width: 990px;
            .cen_tit{
                width: 990px; height: 204px; background: #f9f9f9;
                .cen_tit_ul{
                    li{
                        height: 51px; width: 100%; line-height: 52px; font-size: 12px;
                        .li_div{
                            width: 65px; height: 51px; float: left; text-align: center;
                        }
                        .li_div1{
                            width: 920px; float: right; border-bottom: 1px dashed #ccc; height: 50px;
                            a{
                                margin-right: 20px; float: left;   
                            }
                            a:hover{
                                    color: red; height: 13px; text-decoration: inherit; 
                            } 
                        }
                    }
                }
            }
            .cen_nex{
                width: 990px; height: 46px; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; padding: 1px 0; margin-top: 20px;
                .cen_liang{
                    width: 100%; height: 28px; border-bottom: dashed #dcdcdc; border-top: 1px dashed #dcdcdc; overflow: hidden; padding: 8px 15px;
                    ul{
                        float: left; line-height: 26px;
                        li{
                            float: left; padding: 0 16px;
                        }
                        .cen_jiao1{
                            position: relative;
                            i{
                               content: ""; width: 0; border-bottom: 4px solid #ccc; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; top: 9px; right: 3px;
                            }
                            em{
                                content: ""; width: 0;border-top: 4px solid #ccc; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; top: 15px; right: 3px;
                            }
                        }
                        .cen_jiao2{
                            position: relative;
                            i{
                               content: ""; width: 0; border-bottom: 4px solid #ccc; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; top: 9px; right: 3px;
                            }
                            em{
                                content: ""; width: 0;border-top: 4px solid #ccc; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; top: 15px; right: 3px;
                            }
                        }
                        .cen_jiao3{
                            position: relative;
                            i{
                               content: ""; width: 0; border-bottom: 4px solid #ccc; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; top: 9px; right: 3px;
                            }
                            em{
                                content: ""; width: 0;border-top: 4px solid #ccc; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; top: 15px; right: 3px;
                            }
                        }
                        .cen_jiao4{
                            position: relative;
                            i{
                                width: 10px;height: 10px; border: 1px solid #dfdfdf; position: absolute; left: 0; top: 7px;
                            }
                        }
                    }
                    .cen_zhuan{
                        float: right; margin-right: 20px;
                        .clr{
                            a{
                                width: 35px; height: 22px; text-align: center; line-height: 22px; border: 1px solid #dfdfdf; border-radius: 5px; display: inline-block;
                            }
                            i{
                                color: red; font-weight: 600;
                            }
                        }
                    }
                }
            }
            .cen_bottom{
                width: 990px; margin-top: 24px; margin-bottom: 20px; overflow: hidden; 
                .cen_btn_ul{
                    
                    .bottom_li{
                         margin-right: 12px; width: 235px; height: 318px; position: relative;               
                        .block_{
                            padding: 7px; border: 1px dashed #dfdfdf; line-height: 24px; position: absolute; left: 0; top: 0; background: #fff; z-index: 1;
                            .p_img{
                                width: 218px; height: 218px; 
                            }
                            .p_money{
                                overflow: hidden;
                                span{
                                    color: red; font-weight: 600; font-size: 12px;float: left;
                                }
                                label{
                                    float: right;
 margin-right: 6px; color: #6b6c6e;  font-size: 12px;   
                                     b{
                                         color: #47c4be; font-weight: 600;
                                     }   
                                }
                            }
                            .p_name{
                                font-size: 12px; text-align: left;
                            }
                            .p_shop{
                                font-size: 12px; color: #656565;
                            }
                        }
                        .none_zhao{
                            position: absolute; top: 0; left:0; width: 234px; height: 370px; border: 1px solid #f00; background: #fff; display: none; z-index: 2;
                             .none_{
                                padding: 7px; line-height: 24px; position: relative; height: 356px; overflow: hidden; top: 0; 
                                .p_img1{
                                    img{
                                         width: 218px; height: 218px; position: absolute; top: 10; left: 9; overflow: hidden;
                                    }
                                }
                                .p_money1{
                                    position: absolute;top: 225px;left: 7px;
                                    span{
                                    color: red; font-weight: 600; font-size: 12px;float: left;
                                }
                                label{
                                    float: right; margin-right: 6px; color: #6b6c6e;  font-size: 12px;  position: absolute; left: 146px; top: 0; width: 108px;
                                     b{
                                         color: #47c4be; font-weight: 600;
                                     }   
                                }
                                }
                                .p_name1{
                                    font-size: 12px; text-align: left; position: absolute; top: 249px; left: 7px;
                                }
                                .p_shop1{
                                    font-size: 12px; color: #656565; position: absolute; top: 273px; left: 7px; text-decoration: underline;
                                }
                                .p_i{
                                    display: inline-block;position: absolute; top: 276px; right: 28px; background: #f00; width: 24px; height: 24px; border-radius: 50%; cursor: pointer; z-index: 100; color: #ff0;
                                    i{
                                        width: 28px; height: 28px; display: inline-block;
                                        img{
                                            width: 28px; height: 28px; border-radius: 50%; display: none;
                                        }
                                    }
                                }
                                .p_pic{
                                    position: absolute; top: 306px; left: 7px;
                                    .small_pic{
                                        overflow: hidden;
                                        .img_{
                                            width: 50px; height: 50px; display: block; padding-right: 4px; float: left;
                                        }
                                    }    
                                }
                            }
                        }    
                    }
                }
                .bot_ye{
                width: 990px; height: 36px; clear: both; padding-top: 55px;
                    .ye_top{
                        width: 100%;
                        h2{
                            font-size: 16px; padding-bottom: 18px;
                        }
                        
                        ul{
                            padding-bottom: 18px;
                            li{
                                float: left; width: 245px; line-height: 20px;
                            }
                        }
                    }
                    .ye_right{
                        float: right; overflow: hidden; height: 36px; margin-right: 50px;
                        .a_ye{
                            width: 70px; height: 24px; text-align: center; line-height: 26px; border: 1px solid #ccc; border-radius: 5px;display: inline-block;
                        }
                        .a_num1{
                            height: 26px; text-align: center; line-height: 26px; width: 29px; color: red;display: inline-block;
                        }
                        .a_num2{
                            height: 26px; text-align: center; line-height: 26px; width: 29px; border: 1px solid #ccc; border-radius: 5px;display: inline-block;
                        }
                       
                        span{
                            float: right; height: 26px; display: inline-block; line-height: 26px; margin-left: 20px;
                            em{
                                font-size: 10px;
                            }
                            input{
                                width: 40px; text-align: center;margin-top: 4px;
                            }
                            a{
                                width: 50px; height: 24px; border: 1px solid #dedede; background: #f6f6f4; display: inline-block; text-align: center; line-height: 24px;
                             }
                        }
                    }
                }
            }
            
        }
    }
}
//           footer
footer{
    width: 1280px; height: 483px; margin: 0 auto; background: #ccc; overflow: hidden;
    .foot_T{
        width: 100%; height: 75px; background: #f8f8f8; overflow: hidden; padding-top: 33px;
        .foot_biao{
            overflow: hidden;
            li{
                width: 163px; height: 45px; float: left; margin-left: 44px;
                .iconfont{
                    width: 55px; height:40px; display: inline-block; float: left; font-size: 40px; color: #8f2225;
                }
                .icon_ri{
                    width: 108px; height: 40px; font-size: 14px; float: left; line-height: 26px; color: #312e37;
                    i{
                        font-size: 12px; color: #6c6a5e;
                    }
                }
            }
        }
    }
    .foot_C{
        width: 100%; height: 188px; background: #f3f3f3; float: left; padding-top: 36px; overflow: hidden;
        .C_L{
            width: 200px; height: 141px; float: left; margin-left: 40px;
            img{
                padding-bottom: 18px;
            }
        }
       
        dl{
            float: left; width: 141px;
            dt{
                height: 36px; line-height: 36px;
            }
            dd{
                font-size: 14px; line-height: 24px;
                a:hover{
                    color: red;
                }
            }
        }
        .C_R{
            width: 110px;
            dt{
                text-align: center;
            }
            dd{
                font-size: 12px; text-align: center;
                img{
                    width: 88px;
                }
            }
        }
    }
    .link{
        width: 1280px; background: #313131; height: 40px; clear: both; text-align: center;
        a{
            width: 80px; height: 15px; display: inline-block; border-right: 1px solid #fff; color: #fff; margin-top: 12px; line-height: 15px;
        }
        .link_a{
            border-right: none;
        }
    }
    .bottom{
        text-align: center; font-size: 12px; background: #fff;
        p{
            padding-top: 16px; color: #c9bfb3;
        }
        .img_{
            padding-top: 16px;
        }
    }
}
